export const devLinks = /* html */ `
<h2>开发认知和心得</h2>
<ul id="menu-%e5%bc%80%e5%8f%91%e8%ae%a4%e7%9f%a5%e5%bf%83%e5%be%97" class="menu"><li id="menu-item-2613" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2613"><a href="#2022/08/2595.html">谈谈我对目前前端框架的认识和看法及其发展</a></li>
<li id="menu-item-2623" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2623"><a href="#2022/08/2619.html">谈谈我对前端技术发展的了解和对未来发展的展望</a></li>
<li id="menu-item-2925" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2925"><a href="#2022/09/2923.html">如何看待前端技术的不断更新及持续学习的态度</a></li>
<li id="menu-item-2952" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2952"><a href="#2022/09/2950.html">当下前端有那些方向，对不同方向的认识</a></li>
<li id="menu-item-2989" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2989"><a href="#2022/09/2986.html">如何保障前端代码质量和规范化</a></li>
<li id="menu-item-3090" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3090"><a href="#2022/09/3080.html">关于前端监控方案</a></li>
<li id="menu-item-3305" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3305"><a href="#2020/12/3301.html">如何带技术团队（技术团队管理经验）</a></li>
</ul>
<h2>前端基础</h2>
<ul id="menu-%e5%89%8d%e7%ab%af%e7%9f%a5%e8%af%86%e5%bd%92%e7%ba%b33" class="menu"><li id="menu-item-2085" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2085"><a href="#2017/10/1909.html">前端基础知识总结—理论篇</a></li>
<li id="menu-item-2086" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2086"><a href="#2018/05/1892.html">前端重点知识总结—HTML/HTML5</a></li>
<li id="menu-item-2084" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2084"><a href="#2017/03/2050.html">html、js、css渲染顺序</a></li>
<li id="menu-item-2082" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2082"><a href="#2020/03/2060.html">js外部脚本异步加载方式</a></li>
<li id="menu-item-2083" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2083"><a href="#2020/03/2056.html">如何优化CSS阻塞</a></li>
<li id="menu-item-2188" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2188"><a href="#2021/03/2178.html">一文吃透浏览器渲染基本原理</a></li>
<li id="menu-item-2087" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2087"><a href="#2018/05/1723.html">前端重点知识总结—HTTP</a></li>
<li id="menu-item-2330" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2330"><a href="#2017/04/2321.html">Access-Control-Allow-前后端设置跨域CORS详解</a></li>
<li id="menu-item-3075" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3075"><a href="#2022/09/3072.html">WEB漏洞攻击XSS、CSRF、SSRF的概念和防御</a></li>
</ul>
<h2>原生js</h2>
<ul id="menu-%e5%89%8d%e7%ab%af%e7%9f%a5%e8%af%86%e5%bd%92%e7%ba%b31" class="menu"><li id="menu-item-2073" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2073"><a href="#2020/03/1963.html">js知识总结—基础知识篇</a></li>
<li id="menu-item-2079" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2079"><a href="#2019/03/1644.html">js知识总结—理论知识篇(一)</a></li>
<li id="menu-item-2072" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2072"><a href="#2019/03/2006.html">js知识总结—理论知识篇(二)</a></li>
<li id="menu-item-2856" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2856"><a href="#2020/03/2849.html">js知识总结—基础进阶篇</a></li>
<li id="menu-item-2075" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2075"><a href="#2018/07/1650.html">js知识总结—面向对象篇</a></li>
<li id="menu-item-2076" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2076"><a href="#2019/03/1676.html">js知识总结—常用功能代码实现</a></li>
<li id="menu-item-2074" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2074"><a href="#2021/03/1810.html">js事件循环机制总结</a></li>
<li id="menu-item-2078" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2078"><a href="#2020/06/1753.html">js重点知识总结—设计模式</a></li>
<li id="menu-item-3006" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3006"><a href="#2017/06/3004.html">关于变量提升和作用域相关的题目</a></li>
</ul>
<h2>ES6+</h2>
<ul id="menu-%e5%89%8d%e7%ab%af%e7%9f%a5%e8%af%86%e5%bd%92%e7%ba%b32" class="menu"><li id="menu-item-2081" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2081"><a href="#2019/05/1661.html">js知识总结—ES6篇(一)</a></li>
<li id="menu-item-2080" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2080"><a href="#2019/05/2018.html">js知识总结—ES6篇(二)</a></li>
<li id="menu-item-3358" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3358"><a href="#2019/05/3350.html">ES6常用方法总结—Promise</a></li>
<li id="menu-item-2158" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2158"><a href="#2020/03/2154.html">ES6之includes方法详解及其与indexOf区别</a></li>
<li id="menu-item-2701" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2701"><a href="#2022/01/2448.html">细说Javascript中的ESM及其与CommonJS区别</a></li>
<li id="menu-item-3061" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3061"><a href="#2022/09/3055.html">Babel原理，SWC和ESBuild优势，Polyfill作用</a></li>
</ul>
<h2>DOM</h2>
<ul id="menu-%e5%89%8d%e7%ab%af%e7%9f%a5%e8%af%86%e5%bd%92%e7%ba%b35" class="menu"><li id="menu-item-2090" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2090"><a href="#2016/06/1784.html">前端重点知识梳理—DOM</a></li>
<li id="menu-item-2104" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2104"><a href="#2021/03/2099.html">DOM之事件定义-Event类</a></li>
<li id="menu-item-2112" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2112"><a href="#2020/03/2105.html">DOM之事件触发、冒泡、捕获详解</a></li>
</ul>
<h2>BOM</h2>
<ul id="menu-%e5%89%8d%e7%ab%af%e7%9f%a5%e8%af%86%e5%bd%92%e7%ba%b34" class="menu"><li id="menu-item-2089" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2089"><a href="#2018/09/1896.html">前端重点知识总结—BOM</a></li>
<li id="menu-item-2088" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2088"><a href="#2019/09/1993.html">浏览器HTTP的缓存机制详解</a></li>
</ul>
<h2>Vue2</h2>
<ul id="menu-%e5%89%8d%e7%ab%af%e7%9f%a5%e8%af%86%e5%bd%92%e7%ba%b36" class="menu"><li id="menu-item-2096" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2096"><a href="#2020/02/1608.html">Vue重点知识总结—理论篇(一)</a></li>
<li id="menu-item-2093" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2093"><a href="#2020/02/1823.html">Vue重点知识总结—理论篇(二)</a></li>
<li id="menu-item-2092" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2092"><a href="#2020/02/1860.html">Vue重点知识总结—性能篇</a></li>
<li id="menu-item-3320" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3320"><a href="#2020/07/3315.html">Vue重点知识总结—原理篇</a></li>
<li id="menu-item-2094" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2094"><a href="#2018/10/1715.html">Vue重点知识总结—基础篇(一)</a></li>
<li id="menu-item-3342" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3342"><a href="#2018/10/3335.html">Vue重点知识总结—基础篇(二)</a></li>
<li id="menu-item-2091" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2091"><a href="#2021/03/1872.html">Vue重点知识总结—vue-router</a></li>
<li id="menu-item-2095" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2095"><a href="#2020/06/1631.html">Vue重点知识总结—Vuex篇</a></li>
<li id="menu-item-2097" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2097"><a href="#2019/05/1459.html">Vue 服务端渲染简介和实践</a></li>
</ul>
<h2>Vue3</h2>
<ul id="menu-vue3" class="menu"><li id="menu-item-2635" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2635"><a href="#2022/09/2632.html">Vue3.x重点知识总结—理论篇(Vue3的优势)</a></li>
<li id="menu-item-2688" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2688"><a href="#2022/09/2672.html">Vue3.x重点知识总结—基础篇(响应式API的理解)</a></li>
<li id="menu-item-2758" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2758"><a href="#2022/09/2677.html">Vue3.x重点知识总结—基础篇(一)</a></li>
<li id="menu-item-3252" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3252"><a href="#2022/10/2730.html">Vue/2/3重点总结—理论篇</a></li>
<li id="menu-item-2817" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2817"><a href="#2022/09/2808.html">Vue3.x 与 Vue2.x 插槽区别</a></li>
<li id="menu-item-2702" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2702"><a href="#2022/07/2486.html">Pinia是Vuex的良好替代品吗？</a></li>
<li id="menu-item-2786" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2786"><a href="#2022/09/2744.html">Vite 构建工具常用知识点总结</a></li>
</ul>
<h2>React</h2>
<ul id="menu-react" class="menu"><li id="menu-item-2507" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2507"><a href="#2022/08/2504.html">React 基础及核心总结/一</a></li>
<li id="menu-item-2546" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2546"><a href="#2022/08/2520.html">React 基础及核心总结/二(组件篇)</a></li>
<li id="menu-item-2579" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2579"><a href="#2022/08/2561.html">React 基础及核心总结/三</a></li>
<li id="menu-item-2757" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2757"><a href="#2022/09/2755.html">React 基础与核心总结(理论篇)</a></li>
</ul>
<h2>Nodejs</h2>
<ul id="menu-%e5%89%8d%e7%ab%af%e7%9f%a5%e8%af%86%e5%bd%92%e7%ba%b37" class="menu"><li id="menu-item-2098" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2098"><a href="#2019/05/1475.html">细说后端模板渲染、客户端渲染、node 中间层、服务器端渲染（ssr）</a></li>
<li id="menu-item-2531" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2531"><a href="#2022/08/2522.html">Nodejs 模块规范 CJS 与 ESM 及其衍生后缀 .cjs 和 .mjs 文件</a></li>
<li id="menu-item-3539" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3539"><a href="#2024/08/3521.html">前端单元测试和持续集成</a></li>
</ul>
<h2>CSS</h2>
<ul id="menu-%e5%89%8d%e7%ab%af%e7%9f%a5%e8%af%86%e5%bd%92%e7%ba%b38" class="menu"><li id="menu-item-2116" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2116"><a href="#2016/09/1930.html">前端重点知识总结—CSS基础</a></li>
<li id="menu-item-2117" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2117"><a href="#2017/02/1923.html">前端重点知识总结—CSS3</a></li>
<li id="menu-item-3436" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3436"><a href="#2017/11/3424.html">CSS重点知识总结—响应式布局</a></li>
<li id="menu-item-2119" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2119"><a href="#2019/12/1688.html">CSS重点知识总结—flex布局</a></li>
<li id="menu-item-2115" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2115"><a href="#2021/01/1938.html">CSS常见技巧汇总</a></li>
<li id="menu-item-2114" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2114"><a href="#2020/03/2056.html">如何优化CSS阻塞</a></li>
<li id="menu-item-2120" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2120"><a href="#2019/05/1451.html">纯CSS+HTML制作三角形和圆|实心+空心</a></li>
<li id="menu-item-2123" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2123"><a href="#2016/12/1305.html">CSS clip:rect 矩形剪裁功能，截取图片某一块</a></li>
<li id="menu-item-2159" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2159"><a href="#2021/03/2124.html">网站动态换肤</a></li>
</ul>
<h2>算法</h2>
<ul id="menu-%e5%89%8d%e7%ab%af%e7%9f%a5%e8%af%86%e5%bd%92%e7%ba%b39" class="menu"><li id="menu-item-2233" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2233"><a href="#2020/03/2227.html">排序算法</a></li>
</ul>
<h2>js语法技巧及易错点</h2>
<ul id="menu-js%e8%af%ad%e6%b3%95%e6%8a%80%e5%b7%a7%e5%8f%8a%e6%98%93%e9%94%99%e7%82%b9" class="menu"><li id="menu-item-2331" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2331"><a href="#2021/04/2311.html">js经典易错合集(一)</a></li>
<li id="menu-item-3014" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3014"><a href="#2017/06/3004.html">关于变量提升和作用域相关的题目</a></li>
</ul>
<h2>性能优化</h2>
<ul id="menu-%e6%80%a7%e8%83%bd%e4%bc%98%e5%8c%96" class="menu"><li id="menu-item-3220" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3220"><a href="#2022/10/3188.html">前端常用性能优化方案</a></li>
<li id="menu-item-3181" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3181"><a href="#2022/10/3118.html">前端常见性能指标</a></li>
<li id="menu-item-3180" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3180"><a href="#2022/10/3136.html">优化资源阻塞Preload、Prefetch和Preconnect</a></li>
<li id="menu-item-3183" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3183"><a href="#2019/09/1993.html">浏览器HTTP的缓存机制详解</a></li>
<li id="menu-item-3179" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3179"><a href="#2022/10/3160.html">前端缓存之Service Worker</a></li>
<li id="menu-item-3182" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3182"><a href="#2022/09/3080.html">关于前端监控方案</a></li>
<li id="menu-item-3204" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3204"><a href="#2017/04/3196.html">图片懒加载实现方式</a></li>
<li id="menu-item-3184" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3184"><a href="#2022/09/2744.html">Vite 构建工具常用知识点总结</a></li>
<li id="menu-item-3243" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3243"><a href="#2016/10/3237.html">HTTP/2 的优势及性能优化</a></li>
</ul>
<h2>Git</h2>
<ul id="menu-git" class="menu"><li id="menu-item-3412" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3412"><a href="#2019/11/3395.html">Git 常用命令归纳</a></li>
<li id="menu-item-3394" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3394"><a href="#2021/10/2385.html">Git commit 提交规范</a></li>
</ul>
<h2>其他</h2>
<ul id="menu-%e5%89%8d%e7%ab%af%e7%9f%a5%e8%af%86%e5%bd%92%e7%ba%b310" class="menu"><li id="menu-item-2901" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2901"><a href="#2020/03/2898.html">面试之个人简介</a></li>
<li id="menu-item-2958" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2958"><a href="#2021/01/2955.html">面试之未来的职业规划（求职换工作心态）</a></li>
<li id="menu-item-2965" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2965"><a href="#2021/02/2963.html">面试之陈述最具挑战的项目、难点及解决方式</a></li>
<li id="menu-item-3289" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3289"><a href="#2018/04/3287.html">面试之HR常见问题</a></li>
<li id="menu-item-3250" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3250"><a href="#2021/02/3247.html">前端热门插件和工具使用</a></li>
<li id="menu-item-3284" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3284"><a href="#2019/05/3281.html">常用技术网站/论坛汇总</a></li>
</ul>
`

export const proLinks =  /* php */ `
<h2>开发认知和心得</h2>
<?php if ( has_nav_menu('kfrz-menu')){ ?>
    <?php wp_nav_menu( array( 'container' => false, 'theme_location' => 'kfrz-menu' ) ); ?>
<?php } ?>

<h2>前端基础</h2>
<?php if ( has_nav_menu('qdjc-menu')){ ?>
    <?php wp_nav_menu( array( 'container' => false, 'theme_location' => 'qdjc-menu' ) ); ?>
<?php } ?>

<h2>原生js</h2>
<?php if ( has_nav_menu('js-menu')){ ?>
    <?php wp_nav_menu( array( 'container' => false, 'theme_location' => 'js-menu' ) ); ?>
<?php } ?>

<h2>ES6+</h2>
<?php if ( has_nav_menu('es6-menu')){ ?>
    <?php wp_nav_menu( array( 'container' => false, 'theme_location' => 'es6-menu' ) ); ?>
<?php } ?>

<h2>DOM</h2>
<?php if ( has_nav_menu('dom-menu')){ ?>
    <?php wp_nav_menu( array( 'container' => false, 'theme_location' => 'dom-menu' ) ); ?>
<?php } ?>

<h2>BOM</h2>
<?php if ( has_nav_menu('bom-menu')){ ?>
    <?php wp_nav_menu( array( 'container' => false, 'theme_location' => 'bom-menu' ) ); ?>
<?php } ?>

<h2>Vue2</h2>
<?php if ( has_nav_menu('vue-menu')){ ?>
    <?php wp_nav_menu( array( 'container' => false, 'theme_location' => 'vue-menu' ) ); ?>
<?php } ?>

<h2>Vue3</h2>
<?php if ( has_nav_menu('vue3-menu')){ ?>
    <?php wp_nav_menu( array( 'container' => false, 'theme_location' => 'vue3-menu' ) ); ?>
<?php } ?>

<h2>React</h2>
<?php if ( has_nav_menu('react-menu')){ ?>
    <?php wp_nav_menu( array( 'container' => false, 'theme_location' => 'react-menu' ) ); ?>
<?php } ?>

<h2>Nodejs</h2>
<?php if ( has_nav_menu('node-menu')){ ?>
    <?php wp_nav_menu( array( 'container' => false, 'theme_location' => 'node-menu' ) ); ?>
<?php } ?>

<h2>CSS</h2>
<?php if ( has_nav_menu('css-menu')){ ?>
    <?php wp_nav_menu( array( 'container' => false, 'theme_location' => 'css-menu' ) ); ?>
<?php } ?>

<h2>算法</h2>
<?php if ( has_nav_menu('sf-menu')){ ?>
    <?php wp_nav_menu( array( 'container' => false, 'theme_location' => 'sf-menu' ) ); ?>
<?php } ?>

<h2>js语法技巧及易错点</h2>
<?php if ( has_nav_menu('js-jiqiao')){ ?>
    <?php wp_nav_menu( array( 'container' => false, 'theme_location' => 'js-jiqiao' ) ); ?>
<?php } ?>

<h2>性能优化</h2>
<?php if ( has_nav_menu('xnyh-menu')){ ?>
    <?php wp_nav_menu( array( 'container' => false, 'theme_location' => 'xnyh-menu' ) ); ?>
<?php } ?>

<h2>Git</h2>
<?php if ( has_nav_menu('git-menu')){ ?>
    <?php wp_nav_menu( array( 'container' => false, 'theme_location' => 'git-menu' ) ); ?>
<?php } ?>

<h2>其他</h2>
<?php if ( has_nav_menu('qt-menu')){ ?>
    <?php wp_nav_menu( array( 'container' => false, 'theme_location' => 'qt-menu' ) ); ?>
<?php } ?>
`